
<template>
	<view class="page">
		
		<view style="position: absolute;top: 60rpx;left: 30rpx;color: #FFFFFF;z-index: 999;font-size: 50rpx;">
			户型诊断
		</view>
		
		<view style="position: absolute;top:150rpx;left: 30rpx;color: #FFFFFF;z-index: 999;">
			<view class="u-text-center u-font-weight ">已有<text style="color: #ff2023;">{{info.total}}</text>位用户获取了诊断</view>
		</view>
		
		<image :src="$ftpUrl('/top.png')" mode="widthFix" style="width: 750rpx;height:400rpx;"></image>
		
		
		<image :src="$ftpUrl('/roomcheck.png')" mode="widthFix" @click="my" class="want"></image>
		
		
		
		<view style="position: relative;bottom: 50rpx;border-radius: 40rpx;background: #fff;padding-top: 50rpx;">
			
			<house :list="list" v-if="list.length"></house>
		</view>
		
	
		<view class="bottomFix">
			<u-button :custom-style="{background:'#FF5D39',color:'#fff'}" shape="circle" @click="go">我要诊断</u-button>
		</view>
		
		<backTop></backTop>
		
		
		
	</view>
</template>

<script>
	import loader from '@/common/loadPage.js';
	
	import house from  './components/house.vue';
	import backTop from '../../components/backTop';
	export default {
		mixins: [loader],
		components:{
			house,
			backTop,
		},
		data() {
			return {
				list: '',
				initial: {
					geturl: "/index/diagnose",
					parm: {
					 
					},
					isPage: true
				},
				info:{}




			}
		},
		async onLoad() {
		
			this.getGoods().then(res=>{
				this.info=res;
			})
			
		},
		onShow() {
			
			
		},
		methods: {
		go(){
			uni.navigateTo({
				url:"./check"
			})
		},
		my(){
			uni.navigateTo({
				url:"./my"
			})
		},
			
		}
	}
</script>


<style>
	
	.list{
		background: #fff;
	    width:700rpx;
		 margin: 20rpx auto;
		 padding: 20rpx;
		 
	}
	.want{
		position: fixed;
		right: 0;
		bottom: 200rpx;
		width: 160rpx;
		height:120rpx;
	}
</style>

